<template>
    <div class="relative pb-[100px] pt-[45px]">
        <img :src="search.src" alt="" class="w-[100px] h-[100px] absolute left-[64px]">
        <div class="pl-[308px]">
            <div class="flex items-center mb-[33px]">
                <span class="label row-label">
                    输入
                </span>
                <div>
                    <span class="label text-right">最小输入电压</span>
                    <input type="text">
                    <span>V</span>
                    <span class="label text-right">最大输入电压</span>
                    <input type="text">
                    <span>V</span>
                </div>

            </div>

            <div class="flex items-center">
                <span class="label row-label">
                    输出
                </span>
                <div>
                    <span class="label text-right">输出电压</span>
                    <input type="text">
                    <span>V</span>
                    <span class="label text-right">输出电流</span>
                    <input type="text">
                    <span>V</span>
                </div>

            </div>

        </div>
        <a href="/productDetailTableData">
        <button class="w-[126px] h-[32px] bg-brown text-white right-[80px] absolute text-[14px] rounded-[2px]">查找（Search）</button>
    </a>
    </div>
</template>
<script setup>
import search from '@assets/search/search.png'
</script>
<style lang="scss" scoped>
.label {
    height: 29px;
    padding-right: 10px;
    border-right: 2px solid black;
    width: 108px;
    margin-left: 26px;
    margin-right: 24px;
    display: inline-block;
}

input {
    width: 60px;
    height: 22px;
    border-radius: 2px;
    border: 1.2px solid #999999;
    margin-right: 8px;

}

.row-label {
    width: 45px;
    padding-right: 0;
    height: 17px;
    display: flex;
    align-items: center;
}
</style>